<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>new作业2</title>
    <style>
        *{margin:0;padding:0;}
        .div-nav{
            /* 子元素不设置width,它会继承父元素的width
            这种继承只发生在块元素之间
             */
            /* 用背景图片加载会快一点，用img加载会慢一点 */
            background-color:#1ABEBF;
            height:80px;
            background-image: url('images/logo.png');
            /*  background-repeat:no-repeat/repeat-x/repeat-y;  */
            background-repeat: no-repeat;
            /* 背景位置横坐标居中 */
            background-position-x:center;
            /* 背景位置纵坐标居中 */
            background-position-y:center;
            /* backgroun:#1abebf url no-repeat center */
        }
        .img-logo{
            transition:all 0.5s;
            margin-top:40px;

        }
        .img-logo:hover{
            /* translateY 在二维空间中沿Y轴移动一个元素
            正数值表示元素沿Y轴的正方向移动，负数值表示元素沿Y轴的负方向移动 */
            transform: translateY(-10px);
            box-shadow: 0 0 5px 3px rgb(133, 130, 130);
        }
        .fram{
            width:720px;
            /* background:red; */
        }
        .tit{
            color: rgba(0, 0, 0, 0.600);
            margin-top:30px;
            
        }
        .tit+p{
            color:#A9A9A9;
            margin-bottom:40px;

        }
        .introduce{
            margin-top:40px;
            margin-bottom:30px;
            color: #A9A9A9;
            line-height: 25px;

        }
        .introduce p:last-child{
            margin-top:30px;
            

        }
        .center{
            
            margin-left: auto;
            margin-right: auto;
        }
        table{
            width:720px;
            line-height: 50px;
            border-collapse: collapse;
            text-align: center;
            
        }
        table,td,th {
            border: 1px solid#333;
        }
        table th{
            background-color: #FF8201;
            color: aliceblue;
        }
        tr>td:first-child{
            font-weight: bolder;
        }
    </style>
</head>
<body>
    <div class="div-nav">
    
    </div>
    <div class="fram center">
            <div class="tit"><H1><p>温馨法式风 生活家居实木复合地板测评</p></H1></div>
            <p>2016-1-15 00:15:23 来源：PCHOUSE 作者：DANIBOY</p>
            <img src="images/02.png" alt="" class="img-logo">
            <div class="introduce">
                <p> 爱上佛i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离开司法解释离开对方角度上来看发士大夫撒旦发射点立刻返回的是</p>
                <p>还是大佛阿斯顿佛萨的封建士大夫接送技术的开发就是看发送大附件送到送到家i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离佛啊士大夫就送到附近</p>
                <p>阿瑟东佛撒低级佛i撒地方就OK纠结啊山东分局扫地机发哦就送i点击放大撒旦飞洒地方撒i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离i阿斯顿佛山大佛i四大佛教士大夫离旦</p>
            </div>
            <table >
                <thead>
                    <tr>
                        <th colspan="2">
                          生活家秋色塞尔实木复合地板基本信息  
                        </th>
                    </tr>
                </thead>
            <tbody>
                <tr>
                    <td>品牌</td><td>生活家</td>
                </tr>
                <tr>
                    <td>系列</td><td>普罗旺斯系列</td>
                </tr>
                <tr>
                    <td>名称</td><td>桦木-秋色塞尔</td>
                </tr>
                <tr>
                    <td>规格</td><td>1210*165*14.6mm</td>
                </tr>
                <tr>
                    <td>产品类别</td><td>多层实木复合</td>
                </tr>
                <tr>
                    <td>主要工艺</td><td>平面访古，手工倒角，手工擦色</td>
                </tr>
                <tr>
                    <td>评测方法</td><td>就是这看看那看看到处看一看</td>
                </tr>
            </tbody>
            </table>
    </div>
</body>
</html>